<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>退款订单</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/back_orderlist.css" />
    <style>

        
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-tab" id="tab">
            <div class="coverInfo">
                <ul class="aui-tab-item" style="width:100%;font-size: 0.8rem;">
                    <li class="menuli" v-for="(item,index) in statusList">
                        <div v-bind:class="{'aui-active':status==item.id}"
                            v-on:click="randomSwitchBtn(item.text,item.id,index)">
                            <label class="labelbox">
                                {{item.text}}
                                <span v-for="(value,key,index) in statuscount" v-if="key==item.id"
                                    class="activespan">{{value}}</span>
                            <label>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <section id="main_refresh" class="aui-refresh-content"> 
        <div class="orderlist" v-if="List.length>0">
            <div class="order_list_item" v-for="item in List">
                <div class="gwc_item_name">
                    <div class="gwc_item_title">
                        <div class="order_num" style="width: 50%;">
                            <span>{{item.OriOrderStatusDesc}}...</span>
                        </div>
                        <span class="item_title_type" style="width: 50%;">{{item.ApplyRefundTimeDesc}}</span>
                    </div>
                </div>
                <div class="order_product">
                    <div v-if="item.OrderLog!=undefined" class="sq_box" v-on:click="do_openstep(item.ID)">
                        <div class="sq_box_item">
                            <div class="sq_item_main fl "><span>{{item.OrderLog.AddUserName}} {{item.OrderLog.AddPhoneNumber}}</span> 提交了售后申请</div>
                            <div class="sq_item_main_icon fr"><i class="icon iconfont icon-gengduo"></i></div>
                        </div>
                        <div class="sq_box_time">{{item.OrderLog.AddTimeDesc}}</div>
                    </div>
                    <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                        <li v-if="item.ProductList.length=1" class="aui-list-item" style="border: none;" v-on:click="open_order_detail(item.ID)" v-for="item2 in item.ProductList">
                            <div class="aui-media-list-item-inner btn_line">
                                <div class="aui-list-item-media">
                                    <img :src="item2.ProductCoverImg">
                                </div>
                                <div class="aui-list-item-inner">
                                    <div class="pro-list-item-title aui-ellipsis-2">
                                        {{item2.Name}}
                                    </div>
                                </div>
                                <div class=" pro_price" style="margin: 12px 0 0 0;">
                                    <div class="item_price">
                                        ￥<span>{{item.AllPrice}}</span>
                                    </div>
                                    <div class="productNum">共{{item.AllQuantity}}件</div>
                                </div>
                            </div>
                        </li>
                        <li v-if="item.ProductList.length>1" class="aui-list-item"  style="border: none; position: relative;" v-on:click="open_order_detail(item.ID)">
                            <div class="pro_total">
                                <div class="item_price">
                                    ￥<span>{{item.AllPrice}}</span>
                                </div>
                                <div class="productNum">共{{item.AllQuantity}}件</div>
                            </div>
                            <div class="aui-media-list-item-inner btn_line proInfo">
                                <ul class="aui-tab-item" style="width:100%;">
                                    <li class="proli" v-for="item2 in item.ProductList">
                                        <div class="aui-list-item-media list-item-pic">
                                            <img :src="item2.ProductCoverImg">
                                        </div>
                                    </li>
                                    <li class="proli">
                                        <div class="aui-list-item-media list-item-pic">
                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </li>

                    </ul>
                    <div class="order_pro_fw">
                        <div class="order_msg">
                            <div class="msg_item">
                                <div class="msgitem_title fl">联系买家</div>
                                <div class="msgitem_dec fr" v-on:click="tel_phone(item.UserPhoneNumber)">{{item.UserName==''?'--':item.UserName}}<i v-if="item.UserPhoneNumber" class="icon iconfont icon-dianhua1"></i></div>
                            </div>
                            <div class="msg_item">
                                <div class="msgitem_title" style="width: 100%;">退款退货原因</div>
                                <div class="msgitem_dec" style="width: 100%; text-align: left; margin-top: 0.1rem;">{{item.RefundApplyNote}}</div>
                                <div class="img_item_box">
                                    <div class="imglist_item fl" v-for="item3 in item.RefundApplyImgList">
                                        <img  class="imgitem" :src="item3.AttachedFilePath"/>
                                    </div> 
                                </div>
                            </div>
                        </div>
                        <div class="order_pro_fk">
                            <div class="or_pro_rgt">
                                <div v-if="item.OriOrderStatus==2" class="or_pro_fk" v-on:click="back_price(item.ID,item.AllPrice)">同意退款</div>
                                <div v-if="item.OriOrderStatus==2" class="or_pro_delete" v-on:click="open_noback(item.ID)">拒绝退款</div>
                                <div v-if="item.OriOrderStatus==1" class="or_pro_fk" v-on:click="sure_save()">确认收货</div>
                                <div v-if="item.OriOrderStatus==5" class="or_pro_fk" v-on:click="reback_price(item.ID)">重新退款</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div v-if="List.length<=0&&!is_searching" class="noshuju">
            <van-empty description="暂无数据" />
        </div>
        </section>


    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/back_orderlist.js"></script>
<script type="text/javascript">
</script>

</html>